window.onload = function () {
    document.getElementById("technological-already").className = "add_class";
    document.getElementById("technological").className = "add-nav-active";
    station_list();
};

// 加载委托列表
function station_list(page=1) {
    document.getElementById("loading").style.display = "inline-block";
    var xhr = new XMLHttpRequest();
    var local_host = window.location.host;          // 获取当前IP
    xhr.open('post', "/technological/already.html", true);
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
    xhr.send("page="+String(page));
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                var JsonDate = JSON.parse(xhr.responseText);
                console.log(JsonDate);
                create_table(JsonDate["count_num"], JsonDate["data"]);
                pagenum(JsonDate["count_num"], page);
                document.getElementById("loading").style.display = "none";
            }
        }
    };
}

function create_table(count_num, json_data) {
    var t_table = document.getElementById("t_table");
    deltr();
    if (json_data.length === 0){
        document.getElementById("img-display").style.display = "inline-block";
    }else {
        document.getElementById("img-display").style.display = "none";
    }
    for (var i=0; i<json_data.length; i++) {
        var tr = document.createElement("tr");
        var td = document.createElement("td");var td1 = document.createElement("td");var td2 = document.createElement("td");var td3 = document.createElement("td");var td4 = document.createElement("td");var td5 = document.createElement("td");
        td.innerHTML = i+1;td.style.textAlign = "center";
        td1.innerHTML = json_data[i]["form_name"];td1.title = json_data[i]["form_name"];td1.style.textAlign = "center";
        td2.innerHTML = json_data[i]["name"];td2.title = json_data[i]["neme"];td2.style.textAlign = "center";
        td3.innerHTML = json_data[i]["department"];td3.title = json_data[i]["department"];td3.style.textAlign = "center";
        td4.innerHTML = json_data[i]["apply_time"];td4.title = json_data[i]["apply_time"];td4.style.textAlign = "center";
        'view_examine.html?finished=ture&id=123'
        'metting_views.html?MeetingInfo_id=12&application_id=126&type=my_backlog'
        if(json_data[i]["form_name"]==='用车申请'){
            td5.innerHTML = "<a href='/administrative/view_examine.html?finished=ture&id="+json_data[i]["id"]+"' target=''>查看</a>";td5.style.textAlign = "center";
        }
        else if(json_data[i]["form_name"]==='会议申请'){
            td5.innerHTML = "<a href='/administrative/metting_views.html?MeetingInfo_id="+json_data[i]["form_id"]+"&application_id="+json_data[i]["id"]+"' target=''>查看</a>";td5.style.textAlign = "center";
        }
        else{
            td5.innerHTML = "<a href='/technological/View_has.html?form_id="+json_data[i]["form_id"]+"&flow_id="+json_data[i]["id"]+"' target=''>查看</a>";td5.style.textAlign = "center";
        }
        tr.appendChild(td);tr.appendChild(td1);tr.appendChild(td2);tr.appendChild(td3);tr.appendChild(td4);tr.appendChild(td5);
        t_table.appendChild(tr);
    }

}

// 删除列表
function deltr(){
    var tb = document.getElementById('t_table');
    var rowNum=tb.rows.length;
    for (i=0;i<rowNum;i++) {
        tb.deleteRow(i);
        rowNum=rowNum-1;
        i=i-1;
    }
}


function pagenum(dataTotals=0, page=1) {
    new myPagination({
        id: 'pagination',
        curPage: page, //初始页码
        pageAmount: 20,  //每页多少条
        dataTotal: dataTotals, //总共多少条数据
        pageTotal:  Math.ceil(parseInt(dataTotals, 10)/20), //总页数
        pageSize: 5, //可选,分页个数
        showPageTotalFlag:true, //是否显示数据统计
        showSkipInputFlag:true, //是否支持跳转
        getPage: function (page) {
            station_list(sent_str='', page);
            document.getElementById("check_all").checked = false;
        }
    });
}
